/* Last modified 12/19/11 by ECL, Landmann InterActive */
/* NOTES */
/* USAGE - Use with "1kbgrid" Templates */
/* This style sheet is called by public-facing pages, and NOT admin pages */
/* CHANGE NOTES */
/* 7/28/11 - First implementation */

/* ---------------------------------------------- */
/* Embedded Fonts                                 */
/* ---------------------------------------------- */

/* ---------------------------------------------- */
/* Standard Tags - Used throughout - OK to change */
/* ---------------------------------------------- */
body { font: normal 13px/140% Verdana, Arial, Helvetica, sans-serif;
	background: #eff0e0;
	}
#page_body_wrapper { width: 100%; }
#page_wrapper {
	/*background: url('/skin/images/bg_blend_gray.png') repeat-x 0 bottom;*/
	background: #FFF,
	margin: 0;
	margin-top: 6px;
	margin-top: 6px;
	}
h1	{ font: normal bold 26px Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 5px; }
h2	{ font: normal bold 16px/140% Verdana, Arial, Helvetica, sans-serif;
	margin: 4px 0 3px 0;
	padding-top: 4px; }
h3	{ font: normal bold 14px/140% Verdana, Arial, Helvetica, sans-serif;
	margin: 16px 0 5px 0;
	border-bottom: 1px dotted silver; }
h4	{ font: normal bold 13px/140% Verdana, Arial, Helvetica, sans-serif; }
hr { color: #CCC;
	height: 2px;
	line-height: 100%;
	width: 95%; }
p {	font-size: 13px;
	line-height: 140%;
	text-align: left;
	padding-bottom: 0; }
b { font-weight: bold; }
img { border-style: none; margin-left: 0; }
table { border-style: none; }
tr { padding: 0; }
td { font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000; }
u { text-decoration: underline; }
ul	{ font: normal normal 12px/170% Verdana, Arial, Helvetica, sans-serif;
	text-align: left; 
	margin-top: 0;
	padding: 0 10px 4px 40px; }

/* Standard Links */
a:link, a:visited, a:hover {
	font: normal 12px/180% Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #792618; }
/* Header Links */
a.HeaderLink:link, a.HeaderLink:visited, a.HeaderLink:hover {
	font: normal 12px/180% Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #792618; }
strong { font-weight: bold; }
/* ---------------------------------------- */
/* Classes - Used throughout - OK to change */
/* ---------------------------------------- */
.border { background: #000;
	border-left: 1px solid #000; }

/* -------------------------------------- */
/* Dropdowns - OK to Change                   */
/* -------------------------------------- */
/* These classes are used for Fireworks-style dropdowns */
a.dropdown:link, a.dropdown:active, a.dropdown:visited, p.dropdown  {
	font-size: 12px;
	text-decoration: underline;
	background-color: transparent;
	font-weight: bold;
	color: #FFF; }
table.dropdown { font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 120%;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	background-color: #CC99FF;
	padding: 8px 20px 8px 20px; }

/* -------------------------------------- */
/* Forms - OK to Change                   */
/* -------------------------------------- */
.FormPanelContainer {
	font: normal normal 11px/140% Verdana, Arial, Helvetica, sans-serif;
	background-color: white;
	margin-top: 10px;
/*	padding: 10px 20px 20px 20px; */
	display: block; }
.FormPanelVertContainer, .FormPanelVertContainer div {
	font: normal normal 11px/140% Verdana, Arial, Helvetica, sans-serif;
	background-color: #F0F0E6;
	margin-top: 10px;
	padding-left: 5px;
	padding-top: 7px;
	display: block;
	border-bottom: 3px solid #CCC;
	border-top: 3px solid #1C4975;
}
.FormPanelVertContainer h3	{ font: normal bold 16px/140% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #facb1b;
	margin: -7px -5px 10px -5px;
	padding-top: 2px;
	border-bottom: 3px solid #1C4975;
	background-color: #1C4975;
	}
/* .FormPanelVertContainer p {
	color: black; } */
form { 
	font: normal normal 11px/140% Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-bottom: 0;
	color: #000; }
/* Contact form */
form.contactform, form.contactform div, form.contactform p, form.contactform div {
	font: normal normal 11px/140% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFCE6;
	margin: 0;
	color: #000;
	padding: 5px; }
#ContactFormSubmit {
	font: 11px/140% Verdana, Arial, Helvetica, sans-serif;
	padding: 3px 5px;
	background: #fff;
	color: #000;
	border: 1px solid gray;
	/* Using this because text-align:center refuses to work */
	margin-left: 200px; }
#ContactFormVertSubmit {
	font: 11px/140% Verdana, Arial, Helvetica, sans-serif;
	padding: 3px 5px;
	background: #fff;
	color: #000;
	border: 1px solid gray;
	/* Using this because text-align:center refuses to work */
	margin-left: 120px; }
div.FormPanelContainer h3 {
	font: 14px/140% Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 8px 0 5px 0;
	border-bottom: 1px dotted silver; }
checkbox, input, radio, select, textarea {
	font: 12px/140% Verdana, Arial, Helvetica, sans-serif;
	vertical-align: bottom;
	margin: 5px;
	background: #FFF;
	color: #000;
	border: 1px solid silver;
}

/* -------------------------------------- */
/* Main Content Panel - OK to change      */
/* -------------------------------------- */
/* Content Panel */
.ContentPanelContainer {
	background-color: white;
	padding: 0 0 10px 0;
	display: block; }
.ContentPanel {
	font: normal normal 12px/140% Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: left;
	background-color: transparent;
	color: #000;
	padding: 0 10px 2px 0;
	vertical-align: top; }
.ContentPanel p {
	font: normal normal 12px/150% Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: left;
	font-weight: normal;
	color: #000;
	padding: 4px 10px 6px 0;
	margin: 0;
	vertical-align: top; }
.ContentPanelImage {
	vertical-align: top; 
	margin: 10px 0 0 0;
	padding: 0; }
/* .SecondContentPanel {
	font: normal normal 12px/140% Verdana, Arial, Helvetica, sans-serif;
	left: 564px;
	z-index: -1;
	text-align: left;
	color: #000;
	font-weight: normal;
	padding: 0 10px 10px 0; }
.SecondContentPanel p { font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	z-index: -1;
	text-align: left;
	color: #000;
	font-weight: normal;
	padding: 0 10px 10px 0; } */
.SecondContentPanel {
	font: normal normal 12px/140% Verdana, Arial, Helvetica, sans-serif;
	color: #4C4645;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 6px 10px 10px 10px;
	background-color: white;
	text-align: center;
	border: 1pt solid rgba(140,114,0,0.4);
	border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	background-image:url(/skin/images/shadow_vert.png);
	background-repeat:repeat-x; }
.SecondContentPanel h1 {
	font: normal bold 26px Lavoisier, Arial, Helvetica, Geneva, sans-serif;
	color: #4C4645;
	text-align: left;
	background-color: transparent;
	padding: 12px 10px 10px 0;
	border-bottom: 1px dotted #4c4c4c; }

.ContentPanelHead, .ContentPanelHead h1 {
	font: bold 20px/120% Verdana, Arial, Helvetica, sans-serif;
	color: #353535;
	text-align: left;
	background-color: transparent;
	margin: 0;
	padding: 6px 10px 0 0; }
.ContentPanelSubhead, .ContentPanelSubhead h2  {
	font: bold 20px/140% Verdana, Arial, Helvetica, sans-serif;
	color: black;
	text-decoration: none;
	text-align: left;
	background-color: transparent;
	padding: 10px 10px 0 0; }
.ContentPanelAuthor {
	text-decoration: none;
	font-size: 13px;
	text-align: left;
	background-color: white;
	color: #000;
	padding: 0 5px 5px 0;
	font-style: italic; }
.ContentPanelCaption {
	font: italic 13px Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	text-align: left;
	color: #000;
	padding: 5px 5px 15px 0; }
.ContentPanelDate {
	text-decoration: none;
	font-size: 10px;
	text-align: left;
	font-weight: normal;
	color: #999;
	padding: 0 5px 5px 0; }
/* Content Panel Links */
a.ContentPanel:link, a.ContentPanel:visited, a.ContentPanel:hover {
	text-align: center;
	text-decoration: underline;
	background-color: transparent;
	font-weight: normal;
	color: #000;
	padding: 0 5px 5px 10px; }

/* -------------------------------------- */
/* Portfolios - OK to change              */
/* -------------------------------------- */
.PortfolioContainer {
/*	background-image:url(/skin/images/teal_gradient.png); */
/*	background-repeat:repeat-x; */
	background-color: white;
	text-align: left;
	font-size: 12px;
	margin: 10px 0 5px 0;
	padding: 5px 10px 5px 10px;
	border: 3px solid white; }
.PortfolioPanelReverse { font: bold 12px/140% Verdana, Arial, Helvetica, sans-serif;
	color: white;
	background-color: white;
	padding: 8px 6px 12px 10px;
	text-align: center; }
.PortfolioImage {
	border-style: none; 
	text-align: center;
	font-size: 11px;
	background-color: transparent;
	font-weight: normal;
	padding: 9px 5px 5px 0; }
.PortfolioTitle {
	text-align: center;
	font-size: 11px;
	background-color: transparent;
	font-weight: bold;
	padding: 0 5px 5px 0; }
.PortfolioCaption {
	text-align: center;
	font-size: 11px;
	background-color: transparent;
	font-weight: normal;
	padding: 0 5px 5px 0; }

/* -------------------------------------- */
/* Galleries - OK to change               */
/* -------------------------------------- */
.GalleryContainer {text-align:left;width:700px;margin:30px auto; padding:30px; background:#333}
.GalleryContainer p {margin-top:1.6em;}
.GalleryNavContainer {padding-top: 15px;
	clear: both;
	font: 80% 'helvetica neue',sans-serif;
	letter-spacing: 3px;
	text-transform: uppercase;
	text-align: center }
.caption{ font-style:italic;color:#887;}
.gallery_final {width:702px;margin:0 auto;}
.gallery_final li {width:68px;height:50px;border:3px double #111;margin: 0 2px;background:#000;}
.gallery_final li div {left:240px}
.gallery_final li div .caption {font:italic 0.7em/1.4 georgia,serif;}
#main_image {margin:0 auto 60px auto;height:438px;width:700px;background:black;}
#main_image img {margin-bottom:10px;}
a.GalleryNav:link, a.GalleryNav:hover, a.GalleryNav:visited {
	text-decoration: none;
	color: yellow;
	text-align: center }

/* -------------------------------------- */
/* Video - OK to change                   */
/* -------------------------------------- */
div#VideoPlaceholder {
	background-color: transparent;
	padding: 20px 10px 10px 10px; }

/* -------------------------------------- */
/* Testimonials - OK to change            */
/* -------------------------------------- */
.TestimonialContainer {
	background-color: white;
	text-align: left;
	font-size: 12px;
	margin: 10px 0 5px 0;
	padding: 5px 10px 5px 10px;
	border: 3px solid white;
/*	width: 96%; */}
.testimonial { font: italic 14px/140% Georgia, "Times New Roman", Times, serif;
	text-align: left;
	border: none; }
div.Testimonial { margin-top: 10px; }
/* -------------------------------------- */
/* Stories - OK to change                 */
/* -------------------------------------- */
.StoryContainer, .StoryContainer p, .StoryContainer ul, .StoryContainer li {
	font: normal normal 13px/140% Georgia, "Times New Roman", Times, serif;
	color: #504A44;
	text-align: left;
	background-color: #F0F0F0;
	margin-top: 10px;
	padding-right: 5px; }
.StoryImage {
	padding: 5px 15px 0 15px; 
	background-color: transparent; }
.StoryHead, p.StoryHead, .StoryHead p {
	font: normal 18px Georgia, "Times New Roman", Times, serif;
	color: #000;
	text-align: left;
	padding: 5px 5px 10px 0; }
.StoryName {
	font: italic bold 12px Georgia, "Times New Roman", Times, serif;
	text-align: left;
	background-color: transparent;
	padding: 5px 5px 0 5px; }
.StoryContent {
	font: normal normal 12px/140% Georgia, "Times New Roman", Times, serif;
	text-align: left;
	background-color: transparent;
	padding: 0; }
/* -------------------------------------- */
/* ErrorBox Messages */
/* -------------------------------------- */
/* Used for Positive Messages */
#ErrorBoxHeadPos div.ErrorHeadPos {
	width: 500px;
	background-color: #0C0;
	margin: 10px 0 0 0;
	padding: 5px 5px 5px 10px;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	line-height: 130%;
	border-bottom: 1px dotted black;}
#ErrorBoxMessagePos div.ErrorMessagePos  {
	width: 500px;
	background-color: #ffc;
	margin: 0 0 10px 0;
	padding: 5px 5px 10px 10px;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	line-height: 130%; }
/* Used for Negative Messages */
#ErrorBoxHeadNeg div.ErrorHeadNeg  {
/*	width: 500px; */
	background-color: red;
	margin: 10px 0 0 0;
	padding: 5px 5px 5px 10px;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	line-height: 130%;
	border-bottom: 1px dotted black; }
#ErrorBoxMessageNeg div.ErrorMessageNeg  {
/*	width: 500px; */
	background-color: #ffc;
	margin: 0 0 10px 0;
	padding: 5px 5px 10px 10px;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	line-height: 130%; }
/* Used for Tooltips */
#ErrorBoxMessagePosFullWidth {
	margin: 0;
	padding: 5px 5px 10px 10px;
	text-align: left;
	background-color: #ffc; }

/* -------------------------------------- */
/* Miscellaneous ------------------------ */
/* -------------------------------------- */
/* Display On/Off - Used for ToggleDisplay */
.DisplayOn { display:block; }
.DisplayOff { display:none; }
.alert { color: #F00; }
.ghost {
	color: #BBBBBB; 
	margin: 0;
	padding: 0;
	margin-bottom: 6px; }

/* For Debugging */
.debug {
	font: normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-align: left;
	background-color: #f6ffca; }
.debugCT {
	font: normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-align: left;
	background-color: #ccff99; }

/* -------------------------------------- */
/* Miscellaneous - OK to Change           */
/* -------------------------------------- */
.footerContainer {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: black;
	margin: 14px 0 8px 0;
	padding:  0;
	text-align: left;
	background: white; }
.footer {
	font: normal 12px Georgia, "Times New Roman", Times, serif;
	color: whitesmoke; 
	margin-top: 6px 0;
	padding: 8px;
	text-align: center;
	background: #353535; }
/* Footer links */
a.FooterLink:link,a.FooterLink:visited,a.FooterLink:active {
	font: normal 12px Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	color: whitesmoke; }
a.FooterLink:hover {
	font: normal 12px Georgia, "Times New Roman", Times, serif;
	text-decoration: underline;
	color: whitesmoke; }
/* -------------------------------------- */
/* Heirarchy - OK to Change               */
/* -------------------------------------- */
/* Used to display the heirachy tree */
/* Defining up to 10 levels of indent. Indent0 is for the root nodes */
/* The "on" is used for the navbar category head that is the **current** page */
/* Background color is different */
.indent0on {
	font: normal bold 12px/120% Verdana, Arial, Helvetica, sans-serif;
	color: white;
	margin: 12px 0 8px 0;
	text-align: left;
	border-bottom: 1px dotted #EBBB22;
}
/* "off" is used for navbar category heads NOT current page */
.indent0off {
	font: normal bold 12px/120% Verdana, Arial, Helvetica, sans-serif;
	color: #EBBB22;
	margin: 12px 0 8px 0;
	text-align: left;
	text-decoration: none;
	border-bottom: 1px dotted #EBBB22;
}
.indent0 {
	font: normal normal 13px/120% Verdana, Arial, Helvetica, sans-serif;
	color: #EBBB22;
	margin: 20px 0 20px 0;
	text-align: left;
	text-decoration: none;
	padding-left: 12px;
	padding-right: 5px;
	display: block;
	margin-bottom: 0; }
.indent1 {
	font: normal normal 13px/120% Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: 20px 0 20px 0;
	text-align: left;
	text-decoration: none;
	margin-left: 15px;
	display: block;
	padding-right: 5px;
	margin-bottom: 0; }
.indent2 {
	font: normal normal 13px/120% Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: left;
	text-decoration: none;
	background-color: transparent;
	margin-left: 20px;
	display: block;
	padding-right: 5px;
	margin-bottom: 0; }

/* for link found in indent */
/* Make link font size match indent0 */
a.indent0:link, a.indent0:visited, a.indent0:active
 { margin-top: 5px;
	font-size: 13px;
	color: #FFF;
	text-decoration: none; }

a.indent1:link, a.indent1:visited, a.indent1:active,
a.indent2:link, a.indent2:visited, a.indent2:active
	{ margin-top: 5px;
	font-size: 13px;
	line-height: 120%;
	color: #FFF;
	text-decoration: none; }

/* Make link font size match indent0 */
a.indent0:hover
 { margin-top: 5px;
	color: #920000;
	text-decoration: underline; }

a.indent1:hover, a.indent2:hover
 { margin-top: 5px;
	color: #920000;
	text-decoration: underline; }

/* Special class for the link for the current page */
.linkcurrentpage { font-style: italic; }

/* -------------------------------------- */
/* Quicksearch - OK to Change             */
/* -------------------------------------- */
/* Used on Quicksearch results pages */
input#QSInput {
	background:#FFF url('/skin/images/button_search.gif') no-repeat left;
	padding: 3px 3px 3px 20px;
	margin-left: 0;
	width: 130px;
	height: 20px;
	background: #FFF;
	color: #000;
	border: none; }
.QSSearchLabel { font-family: Verdana, Arial, sans-serif;
	font-size: 16px;
	vertical-align: bottom;
	color: #000;
	padding-right: 7px; }
#quicksearch {
	background-color: transparent;
	color: white;
	margin-bottom: 0;
	padding-left: 20px;
	padding-top: 10px;
	z-index: 100; }
#quicksearch form { padding-top: 12px; }
#quicksearch a {
	font: normal 10px/160% Arial, Helvetica, Geneva, sans-serif;
	color: white;
	margin: 0; }
	z-index: 1; }
div.BannerLinkContainer {
	font: normal 10px Arial, Helvetica, Geneva, sans-serif;
	line-height: 200%;
	color: white;
	margin-top: 4px;
	padding: 5px; }
a.BannerLink { text-decoration: none; }
a.BannerLink:hover { text-decoration: underline; }
.QSContainerHead {
	background-color: #e9ffaa;
	padding: 10px 10px 10px 10px; }
.QSContainerResults {
	padding: 10px 10px 10px 10px; }
.QSSearchedForHead {
	text-decoration: none;
	font-size: 12px;
	text-align: left;
	font-weight: bold;
	color: #000;
	padding: 10px 10px 0 10px; }
.QSSearchedFor { text-decoration: none;
	font-size: 12px;
	text-align: left;
	font-weight: normal;
	color: red;
	padding: 10px 10px 0 10px; }
.QSFoundCount {
	text-decoration: none;
	font-size: 12px;
	text-align: left;
	font-weight: normal;
	color: #000;
	padding: 10px 10px 0 10px; }
.QSHead {
	text-decoration: none;
	font-size: 12px;
	text-align: left;
	font-weight: normal;
	color: #300;
	padding: 10px 10px 0 10px;
	font-stretch: condensed; }
.QSAuthor {
	text-decoration: none;
	font-size: 12px;
	text-align: left;
	color: #000;
	padding: 0 10px 0 10px;
	font-style: italic; }
.QSDate {
	text-decoration: none;
	font-size: 10px;
	text-align: left;
	font-weight: normal;
	padding: 0 10px 0 10px;
	color: #666; }
.QSText1 {
	text-decoration: none;
	font-size: 12px;
	text-align: left;
	font-weight: normal;
	color: #000;
	padding: 0 10px 0 10px; }
.QSText2 {
	text-decoration: none;
	font-size: 12px;
	text-align: left;
	font-weight: normal;
	color: #000;
	padding: 5px 10px 0 10px; }
/* for link found in Quicksearch */
a.QSLink:link, a.QSLink:visited, a.QSLink:active {
	font-size: 12px;
	margin-top: 5px;
	color: #000;
	text-decoration: underline;
	font-weight: bold;
	padding: 0 10px 0 10px; }
a.QSLink:hover {
	font-size: 12px;
	margin-top: 5px;
	color: #920000;
	text-decoration: underline;
	font-weight: bold;
	padding: 0 10px 0 10px; }
